﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Content/css/comintro.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">

        $(document).ready(function () {
            $("#Bubblebox1").mouseover(function (e) {
                $("#shinebubble1").css("display", "block");
                $("#tiptittle").text("便捷");
                $("#explanation").text("本系统致力于提高用户体验。在界面上，本系统尽可能地优化界面布局，使界面更加美观、布局更加人性化；在功能上，本系统尽可能地增加每项功能的灵活度，给予用户充分的自由空间，使系统的功能更加人性化。");
                $("#tipbubble").css({ "left": 190, "top": 120 });
                $("#tipbubble").fadeIn("slow");

            });
            $("#Bubblebox2").mouseover(function (e) {
                $("#shinebubble2").css("display", "block");
                $("#tiptittle").text("高效");
                $("#explanation").text("系统提供直观的车辆状态，车辆管理员可以一目了然的掌握车辆最新状态，大大提高车辆管理员工作效率。车辆状态管理中可以查看各种状态的车辆信息，包括全部、可用、出车、维修和报废等状态");
                $("#tipbubble").css({ "left": 320, "top": 210 });
                $("#tipbubble").fadeIn("slow");

            });
            $("#Bubblebox3").mouseover(function (e) {
                $("#shinebubble3").css("display", "block");
                $("#tiptittle").text("清晰");
                $("#explanation").text("系统功能分部清晰明确，根据不同人的权限进入不同页面，做在自己权限范围内只能做的事、整个系统分工明确，不会混杂。");
                $("#tipbubble").css({ "left": 710, "top": 210 });
                $("#tipbubble").fadeIn("slow");

            });
            $("#shinebubble1").mouseout(function (e) {
                $("#shinebubble1").css("display", "none");
                $("#tipbubble").fadeOut("slow");
            });
            $("#shinebubble2").mouseout(function (e) {
                $("#shinebubble2").css("display", "none");
                $("#tipbubble").fadeOut("slow");

            });
            $("#shinebubble3").mouseout(function (e) {
                $("#shinebubble3").css("display", "none");
                $("#tipbubble").fadeOut("slow");

            });
            $("#enterbtn").click(function () {
//                this.page.Response.Redirect("Login.htm");
                window.location = "Home/Login";
            })

        });
           
    </script>
</head>
<body>
<div id="page">
   <div id="topbox">
     <img alt="" src="Content/themes/picture/logo.png" />
     <span id="title">企业汽车管理系统</span>
   </div>
   <div id="main">
     <div id="Bubblebox1" >
       <img alt="" src="Content/themes/picture/logimg.png" />
     </div>
     <div id="Bubblebox2" >
       <img alt="" src="Content/themes/picture/mainimg.png" />
     </div>
     <div id="Bubblebox3">
       <img alt="" src="Content/themes/picture/workimg.png" />
     </div>
     <div id="Bubblebox4">
       <img alt="" src="Content/themes/picture/androidbk.png" />     
     </div>
     <div id="androidbox">
         <span>安卓手机端发布<br/>&nbsp;让您的管理更便捷</span>
         <div><a href="/APK/安卓手机端-企业汽车管理系统.apk"><input type="button" id="download" value="&nbsp;点此下载"/></a></div>    
       </div> 
     <div id="shinebubble1" >
        <img alt="" src="Content/themes/picture/smallbubble.png"/>
     </div>
     <div id="shinebubble2" >
        <img alt="" src="Content/themes/picture/smallbubble.png"/>
     </div>
     <div id="shinebubble3" >
        <img alt="" src="Content/themes/picture/smallbubble.png"/>
     </div>
     <div id="introbox">
      <div id="dem">
          <div id="dem1" class="demcom">
              <ul> 
                <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;驭舆企业汽车管理系统使运输企业、物</li>
                <li>流企业整体工作效率大幅提升，企业财务规</li>
                <li>范、收费清晰、车主办事快捷，最终得到车</li>
                <li>主的认可,让车主感到满意，公司信誉度越来</li>
                <li>越高。</li>
                <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;驭舆企业汽车管理软件功能强大、操作</li>
                <li>灵活，让您的工作效率提升几倍、甚至几十</li>
                <li>倍，节约了时间，减少了成本。</li>
              </ul>
          </div>
          <div id="dem2" class="demcom">
          </div>
        <script type="text/javascript">
            var speeds = 80;
            var FGdem = document.getElementById('dem');
            var FGdem1 = document.getElementById('dem1');
            var FGdem2 = document.getElementById('dem2');
            FGdem2.innerHTML = FGdem1.innerHTML
            function Marquee1() {
                if (FGdem2.offsetHeight - FGdem.scrollTop <= 0)
                    FGdem.scrollTop -= FGdem1.offsetHeight
                else {
                    FGdem.scrollTop++
                }
            }
            var MyMar1 = setInterval(Marquee1, speeds)
            FGdem.onmouseover = function () { clearInterval(MyMar1) }
            FGdem.onmouseout = function () { MyMar1 = setInterval(Marquee1, speeds) }
        </script>

      </div>
        <!-- <div>
         <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;驭舆企业汽车管理系统使运输企业、物流企业整体工作效率大幅提升，企业财务规范、收费清晰、车主办事快捷，最终得到车主的认可,让车主感到满意，公司信誉度越来越高。<br/>
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;驭舆企业汽车管理软件功能强大、操作灵活，让您的工作效率提升几倍、甚至几十倍，节约了时间，减少了成本。</span>
         </div>-->
         <div>
           <input type="button" id="enterbtn" value="进入系统"/> 
         </div>    
       </div> 
     <div id="tipbubble">
       <div>
         <p id="tiptittle">便捷</p>
         <span id="explanation">更人性化更人性化更人性化更人性化更人性化更人性化更人性化更人性化更人性化更人性化</span>
        </div>
     </div>
     <div class="clear"></div>
   </div>
   <div id="foot">
   <span>
     驭舆企业汽车管理系统 版权所有 2012-2017 福建师范大学软件学院09级CDIO-A2team 邮编：35010<br/>
      &nbsp;&nbsp;客服热线:400-123-1234  E_mainl:xxxx@yuyuxx.com(技术服务)  xxxx@yuyuxx.com(技术服务)<br/>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;XX业务许可证:阅X-X-X-XXXX号
   </span>
   </div>
</div>
</body>
</html>
